<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<title>扫码GO 宽带自助受理系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" th:href="@{/css/mui.min.css}"/>
		<link rel="stylesheet" href="css/index.css"/>
		<script type='text/javascript' src='js/index.js' charset='utf-8'></script>
	</head>

	<body>

			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<img src="./images/unicom_logo.jpg" />
					<div class="mui-media-body">
						中国联通黑龙江省分公司
						<p>扫码GO 宽带自助受理系统</p>
					</div>
					<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
					<h2>小M</h2>
					<p>发表于 2016-06-30 15:30</p>-->
				</div>

				<div class="mui-content">
					<div class="mui-content-padded" style="margin: 5px;text-align: center;">
						<div id="info"></div>
					</div>
				</div>
				<div class="mui-content" style="padding: 4px;" th:each="orderLists:${queryOrderList}">
					<div class="mui-card">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell mui-collapse">
								<a class="mui-navigate-right" href="#">您的订单编号：[[${orderLists.soId}]]</a>
								<div class="mui-collapse-content">
									    <div class="content">
										<div class="label">身份证</div>
										<div class="img-area">
											<div class="container">
												<div id='face-empty-result'>
													<img class="layui-nav-img" style="width: 100%" th:src="${(orderLists.residentImgFace != null && !#strings.isEmpty(orderLists.residentImgFace)) ? '/upLoad/'+orderLists.residentImgFace : '/images/timg.png'}"/>
												</div>
											</div>
											<div class="container" style='margin-top:0.5rem;'>
												<div id='back-empty-result'>
													<img class="layui-nav-img" style="width: 100%" th:src="${(orderLists.residentImgBack != null && !#strings.isEmpty(orderLists.residentImgBack)) ? '/upLoad/'+orderLists.residentImgBack : '/images/timg.png'}"/>
												</div>
											</div>
										</div>
									</div>
										<div class="mui-input-row">
											<label>姓名</label>
											[[${orderLists.custName}]]
										</div>
										<div class="mui-input-row">
											<label>身份证号码</label>
											[[${orderLists.residentId}]]
										</div>
										<div class="mui-input-row">
											<label>产品</label>
											[[${orderLists.productName}]]
										</div>
										<div class="mui-input-row">
											<label>联系人</label>
											[[${orderLists.contactsName}]]
										</div>
										<div class="mui-input-row">
											<label>联系电话</label>
											[[${orderLists.contactsPhone}]]
										</div>
								</div>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>
